$(function() {
    $('#link_reg').on('click', function() {
        $('.login-box').hide()
        $('.reg-box').show()
    })
    $('#link_login').on('click', function() {
        $('.login-box').show()
        $('.reg-box').hide()
    })
})
var form = layui.form
var layer = layui.layer
    // 正则表达式获取输入的密码
form.verify({
        // 自定义了一个叫做 pwd 校验规则
        pwd: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
        repwd: function(value) {
            var pwd = $('.reg-box [name=password]').val()
            if (pwd != value) {
                return alert('两次密码不一致')
            }
        }

    })
    // 发起注册用户的ajax 请求

/* $('#form_reg').on('submit', function(e) {
    e.preventDefault()
        // 发起ajax的post请求
    var data = {
        username: $('#form_reg[name=username]').val(),
        username: $('#form_reg[name=username]').val()
    }

}) */
// 监听注册表单的提交事件
$('#form_reg').on('submit', function(e) {
        // 1. 阻止默认的提交行为
        e.preventDefault()
            // 2. 发起Ajax的POST请求
        var data = {
            username: $('#form_reg [name=username]').val(),
            password: $('#form_reg [name=password]').val(),
            repassword: $('#form_reg [name=repassword]').val()
        }
        $.post('/api/reg', data, function(res) {
            if (res.code !== 0) {
                return layer.msg(res.message)
            }
            layer.msg('注册成功，请登录！')
                // 模拟人的点击行为
            $('#link_login').click()
        })
    })
    // 发起登录的ajax 请求
$('#form_login').submit(function(e) {
    e.preventDefault()
    $.ajax({
        url: '/api/login',
        method: 'POST',
        data: $(this).serialize(),
        success: function(res) {
            if (res.code !== 0) {
                return layer.msg('登录失败')
            }
            // console.log(res.taken);
            // console.log(res);
            // 将登录成功得到的 token 字符串，保存到 localStorage 中
            layer.msg('登录成功')
            localStorage.setItem('token', res.token)
                // 跳转到后台主页
            location.href = '/index.html'
                // console.log(res);
        }
    })
})